<template>
  <div class="no_box">{{ `${part1.txt}${part1.count}` }}</div>
</template>
<script>
  import { reactive, ref, computed, toRefs, onMounted } from '@vue/composition-api'
  export default {
    beforeRouteEnter(to, from, next) {
      $setStore('waiting', false)
      next()
    },
    setup() {
      function part1() {
        const part1 = { txt: 'asdasdasd', count: 'eeeeeeeee' }
        let change = () => {
          part1.txt = '123213'
        }
        return reactive({
          part1,
          change,
        })
      }
      let part11 = part1()
      onMounted(() => {
        part11.change()
      })
      return { ...toRefs(part11) }
    },
  }
</script>
<style lang="less" scoped>
  .no_box {
    width: 100%;
    height: 100%;
  }
</style>
